<template>
  <div class="mainFace">
    <div>
        <mu-card>
          <mu-card-header title="匿名用户" subTitle="星级星级分数,点击修改姓名等用户信息,匿名用户">
            <mu-avatar :src="IconAvatar" slot="avatar"/>
          </mu-card-header>
        </mu-card>
    </div>
  </div>
</template>

<script>
import iconAvatar from '@/assets/img/uicon.jpg';

export default {
  name: 'mainFace',
  data() {
    return {
      IconAvatar: iconAvatar,
    };
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .mu-card-header{
    text-align:left;
  }
  .mu-card-text{
      text-align:left;
  }
  .mu-card{
    margin:0.5rem;
  }
</style>
